Check boxe チェックボックス UI

実装

オリジナルの実装、意外と大変

code:check-box.html

// id とforが対応しており、labelを押すとcheckboxが押されたことになる

<input type="checkbox" name="c1" id="c1">

<label for="c1">Checkbox</label>

or

labelで囲む

input:focus+label::before

inputとlabelが同列